<template>
  <div class="container">
    <svg class="icon" width="50px" height="50.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path :fill="color" d="M826.4192 467.6608H442.9824l515.1744-215.3472-42.6496-101.9392-744.5504 311.296 2.56 5.9904h-2.9184v250.0608h655.8208zM38.8608 741.888H985.088v131.6864H38.8608z"  />
    </svg>
    <span class="name">{{deviceName}}</span>
  </div>

</template>

<script>
export default {
  name: "TouchDevice",
  props: {
    color: {
      type: String,
      default: "#A9A9A9", // 默认颜色:深灰色
    },
    deviceName:{
      type: String,
      default: "接触器"
    },
  },
}
</script>

<style scoped>
.container{
  width: 50px;
}
.name{
  display: flex;
  justify-content: center;
  font-size: 10px;
}
</style>


